@import './color.scss';

@mixin colorBtn($color) {
  background-color: $color;
  color: $white;
}

.gradient-btn-blue {
  background: linear-gradient(to right, $light-blue, $dark-blue);
  color: $white;
  font-size: 14px;
  width: 120px;
  height: 36px;
  line-height: 36px !important;
  text-align: center;
  border-radius: 6px;
}

.gradient-btn-blue1 {
  background: linear-gradient(to right, $light-blue, $dark-blue);
  color: $white;
  font-size: 14px;
  width: 120px;
  height: 36px;
  line-height: 36px !important;
  text-align: center;
  border-radius: 6px;
}

.btn-color-blue {
  @include colorBtn($blue);
  font-size: 15px;
  width: 100%;
  text-align: center;
  border-radius: 6px;
}

.btn-color-red {
  @include colorBtn($red);
  font-size: 15px;
  width: 100%;
  text-align: center;
  border-radius: 6px;
}

.btn-round-blue {
  @include colorBtn($blue);
  font-size: 15px;
  width: 100%;
  text-align: center;
  height: 36px;
  line-height: 36px !important;
  border-radius: 18px;
}
